﻿<div id="blobDetails" class="reveal-modal large" data-bind="modalSuccess: addOnSuccess, enterPressed: submit">
    <h2>Blob details</h2>
    <dl class="sub-nav">
        <dd data-bind="css: {active: screen() == 'properties'}"><a href="javascript:void(0)" data-bind="click: goToProperties">Properties</a></dd>
        <dd data-bind="css: {active: screen() == 'metadata'}"><a href="javascript:void(0)" data-bind="click: goToMetadata">Metadata</a></dd>
        <dd data-bind="css: {active: screen() == 'blobResize'}, visible: !!blob() && blob().type() == 'PageBlob'"><a href="javascript:void(0)" data-bind="click: goToBlobResize">Resize blob</a></dd>
    </dl>
    <div data-bind="visible: screen() == 'properties'">
        <div data-bind="with: properties">
            @Html.Partial("Blobs/BlobProps")
        </div>
    </div>
    <div data-bind="visible: screen() == 'metadata'">
        <div data-bind="with: metadataView">
            @Html.Partial("Blobs/BlobMeta")
        </div>
    </div>
     <div data-bind="visible: screen() == 'blobResize'">
        <div data-bind="with: blobResizeView">
            @Html.Partial("Blobs/BlobResize")
        </div>
    </div>
    <input type="button" class="right button" value="Submit" data-bind="click: submit" />
    <a class="close-reveal-modal">&#215;</a>
</div>
